*{
    padding: 0;
    margin: 0;
}
body,html{
    width: 100%;height: 100%;
}
.box1{
    width: 100%;
    height: 100%;
    background-image: linear-gradient(45deg,#0ce69de1, #0a2d8dda);
    overflow: hidden;
}
form{
    width: 600px;
    height: 350px;
    margin: 130px auto;
    background-color: rgba(16, 102, 160, 0.411);
    border-radius: 15%;
    overflow: hidden;
}
h2{
    margin-left:250px;
    margin-top: 30px;
    font-size: xx-large;
    color: rgba(0, 0, 139, 0.644);
}
.box2{
    width: 400px;
    margin-left: 120px;
    font-size: larger;
    margin-top: 40px;
}
input{
    width: 250px;
    height: 25px;
}
p{
    color: rgba(207, 44, 44, 0.719);
    font-size: 16px;
    margin-left: 80px;
    margin-top: 10px;
    display: none;
}
button{
    width: 150px;
    height: 30px;
    margin-left: 250px;
    font-size: larger;
    margin-top: 50px;
}
marquee{
    font-size: large;
    color: rgba(16, 14, 124, 0.555);
}
